@import url("rem.less");
.main{
    .m_top{
        background: #ff9024;
        color: #fff;.padding(85,55,50,55);
        .mt_title{
            text-align: center;.lh(130);
            p{.font-dpr(31px);}
            h2{.font-dpr(25px);font-weight: bolder;font-family: "黑体";}
        }
        .mt_center{
            .mtc_coupon{.mt(75);.mb(75);
                background: #fff;
                color: #af5906;.padding(30,150,30,150);
                .dis;
                .mtcc_left{flex:20;.mr(65);
                    .mtcl_top{
                        ul{
                            .dis;li{
                               h1{
                                   .w(300);.lh(160);text-align: center;
                                   .font-dpr(50px);position: relative;
                                   sup,sub{
                                       .font-dpr(12px);
                                       position: absolute;
                                       left: 0;
                                   }
                                   sup{top: 0;}
                                   sub{bottom: 0;}
                               } 
                               h4{.font-dpr(12px);}
                               p{.font-dpr(8px);}
                               p:first-child{.mt(15);}
                               p:last-child{.mt(50);}
                            }
                        }
                    }
                    .mtcl_bottom{
                        background: #af5906;.mt(25);
                        color: #fff;p{text-align: center;}
                    }
                }
                .mtcc_right{flex: 1;
                    background: #af5906;
                    color: #fff;border-radius: 20px;
                    p{.w(50);.pt(15);.pb(15);text-align: center;}
                }
            }
        }
        .mt_hint{.font-dpr(10px);
            p{text-align: center;.lh(65);}
            ul{li{
                list-style-type: disc;.lh(60);
            }}
        }
    }
    .m_list{
        .dis;flex-wrap: wrap;background: #D70057;
        .opts{
            width:48%;background: #fff;.mt(10);.mb(10);
            .opts_top{
                dl{
                    dt{img{width: 100%;}}
                    dd{
                        .padding(15,15,15,15);
                        h5{
                            width: 90%;
                            overflow: hidden;
                            word-break: keep-all;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            .font-dpr(10px);color: #292929;
                        }
                        p{
                            span{.font-dpr(12px);color: #D70057;}
                            a{text-decoration: line-through;.font-dpr(9px);color: #ccc;}
                        }
                    }
                }
            }
            .opts_bottom{
                .padding(15,15,15,15);
                .opts_btn{
                    width: 100%;
                    outline: none;
                    border: none;
                    color: #fff;
                    background: #D70057;
                    border-radius: 10px;.lh(75);
                    .font-dpr(12px);
                }
            }
        }
    }
}
